<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页内容</title>
<link rel="stylesheet" href="/js/layui-2.5.4/css/layui.css">
<script src="/js/layui-2.5.4/layui.js"></script>
</head>
<body>

	<div>
		<div class="layui-row layui-col-space10">
			<div class="layui-card layui-col-md12"
				style="padding: 15px; border: 1px solid #c2c2c2;">
				<div class="layui-card-header"
					style="border-bottom: 1px solid #c2c2c2;">学校校歌</div>
				<div class="layui-card-body">
					<img alt="校歌" src="/images/sum/xiaoge.jpg" style="padding-left: 10%"></div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		layui
				.use([ 'jquery', 'layer', 'form', 'laydate', 'element',
						'carousel' ], function() {
					// 加载layui模块，使用其推荐的【预先加载】方式，详见官网【模块规范】一节
					var $ = layui.$;
					var layer = layui.layer;
					var form = layui.form;
					var laydate = layui.laydate;
					var element = layui.element;

					var carousel = layui.carousel;
					//建造实例
					carousel.render({
						elem : '#test1',
						width : '100%',//设置容器宽度
						autoplay : true,
						interval : 2500,
						arrow : 'always' //始终显示箭头
					//,anim: 'updown' //切换动画方式
					});
				});
	</script>
</body>
</html>